<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>账户信息</title>
   <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
   <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
   <link rel="stylesheet" href="../../assets/css/changephone.css">
</head>

<body>
    <!--header引入区域-->
    <div class="headerbgc">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="./../../index.html" class="logoImg"> <img src="./../../assets/image/logo.svg" alt=""></a>
                <h3>账户中心</h3>
                <span class="head-info"><a href="#">首页</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">退出</a></span>
            </div>
        </div>
    </div>
    <div style="height:80px;"></div>
   <div class="content-layout">
         <div class="maincenter">
            <ol class="ui-step ui-step-4" style="overflow: visible">
               <li class="ui-step-start ui-step-active" id="stepstart">
                  <div class="ui-step-line">-</div>
                  <div class="ui-step-icon">
                     <i class="iconfont icon-lingxing"> </i>
                     <i class="ui-step-number">1</i>
                     <span class="ui-step-text">手机验证</span>
                  </div>
               </li>
               <li>
                  <div class="ui-step-line">-</div>
                  <div class="ui-step-icon">
                     <i class="iconfont icon-lingxing"> </i>
                     <i class="ui-step-number">2</i>
                     <span class="ui-step-text">身份验证</span>
                  </div>
               </li>
                <li>
                  <div class="ui-step-line">-</div>
                  <div class="ui-step-icon">
                     <i class="iconfont icon-lingxing"> </i>
                     <i class="ui-step-number">3</i>
                     <span class="ui-step-text">修改手机</span>
                  </div>
               </li>
               <li class="ui-step-end">
                  <div class="ui-step-line">-</div>
                  <div class="ui-step-icon">
                     <i class="iconfont icon-lingxing"> </i>
                     <i class="ui-step-number iconfont icon-icon2"></i>
                     <span class="ui-step-text">完成</span>
                  </div>
               </li>
            </ol>
            <div class="maincenter-box">
            <div style="width: 80%;margin:0 auto;font-size: 14px;">
            <label style="margin-right: 16px">手机验证码验证</label> 账户 <em class="green">t*********4</em> 为确认是你本人操作，请完成以下验证
            <hr style="height:1px;background: #b9b9b9;border:none;margin-top: 2px">
            </div>
            <form id="validatePhone" class="sui-form form-horizontal" onsubmit="return false">
            <div class="control-group">
                <label for="inputEmail" class="control-label">手机号码：</label>
                <div class="controls v-middle">
                    <label for="" class="" id="phone"> 188****8888</label>
                </div>
            </div>
            <div class="control-group">
                <label for="inputPassword" class="control-label">验证码：</label>
                <div class="controls">
                    <input type="text" id="code" name="code" class="input-xfat input-medium" autocomplete="off" value="" placeholder="填写手机验证码">
                    <button id="sendCode" type="button" data-fal="0" class="sui-btn btn-bordered btn-default btn-xlarge btn-round">获取短信校验码</button>
                </div>
            </div>
            <div class="tip-err">

            </div>
            <div class="control-group">
                <label class="control-label"></label>
                <div class="controls" style="width:150px">
                    <button id="submit" type="button" class=" sui-btn btn-block btn-default btn-xlarge btn-round">确定</button>
                </div>
            </div>
            </form>
 
            </div>
            <div class="sui-msg msg-large msg-block msg-tips">
               <div class="msg-con">
                  <p style="margin-bottom: 10px; font-weight: bold;font-size:14px;"> 没收到短信验证码？</p>
                  <p>1、网络通讯异常可能会造成短信丢失，请重新获取或稍后再试。</p>
                  <p>2、请核实手机是否已欠费停机，或者屏蔽了系统短信。</p>
                  <p>3、如果手机已丢失或停用， 请联系客服021-50588886。</p>
                  <p>4、您也可以尝试将SIM卡移动到另一部手机，然后重试。</p>
               </div>
            </div>
         </div>
      </div>
   <footer>
        <p>
            <a href="#">关于我们</a> |
            <a href="#">会员服务</a> |
            <a href="#">广告中心</a> |
            <a href="#">战略伙伴</a> |
            <a href="#">版权声明</a> |
            <a href="#">联系方式</a> 
        </p>
        <p>Copyright © 2002-2014 mcwzg. 杭州大想网络信息有限公司 版权所有  浙ICP备11063754号-1</p>
    </footer>
   <script src="../../assets/build/sportjx.js"></script>
   <script src="../../assets/build/mainsite.js"></script>

</body>

</html>